import { styled } from 'linaria/react'
import { View } from '@tarojs/components'
// import { iconfont } from '../styled/iconfont'
import border from '../styled/border'

const SearchWrapper = styled(View) `
  padding: 20px 30px;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  
  .fa-clock:before {
    content: "\f002";
    font-size: 24px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 100;
  }
`

const SearchBar = border (
  styled(View) `
    width: 100%;
    height: 80px;
    background-color: #fff;
    color: #666;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  `
)

export {
  SearchWrapper,
  SearchBar
}